import { StyleSheet } from 'react-native';
import { BANNER_BACKGROUND_GRAY } from '../../../../../../constant/color';
import { phonePx } from '../../../../../../util/adapt';
import { BANNER_WIDTH } from '../../constant';

export default StyleSheet.create({
  container: {
    height: phonePx(130),
    marginTop: phonePx(15)
  },
  content: {
    width: BANNER_WIDTH,
    height: phonePx(130)
  },
  banner: {
    width: BANNER_WIDTH,
    height: phonePx(130),
    borderRadius: phonePx(8),
    backgroundColor: BANNER_BACKGROUND_GRAY
  },
  pageContainer: {
    position: 'absolute',
    right: phonePx(18),
    bottom: phonePx(10),
    height: phonePx(4),
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  page: {
    marginLeft: phonePx(4),
    width: phonePx(4),
    height: phonePx(4),
    borderRadius: phonePx(2),
    backgroundColor: '#ffffff'
  },
  selectedPage: {
    width: phonePx(12)
  }
});
